<app-news *ngIf="app.newsActive && app.announcement" (onNewsHide)="app.onNewsClose()" [announcement]="app.announcement"></app-news>
<div class="layout-wrapper {{config.dark ? 'layout-wrapper-dark' : 'layout-wrapper-light'}}" [ngClass]="{'layout-news-active': app.newsActive}">
    <app-topbar (menuButtonClick)="onMenuButtonClick()"></app-topbar>
    <app-config></app-config>
    <app-menu [active]="menuActive"></app-menu>
    <div class="layout-mask" [ngClass]="{'layout-mask-active': menuActive}" (click)="onMaskClick()"></div>
    
    <div class="layout-content">
        <div class="layout-content-inner h-full">
            <router-outlet></router-outlet>
        </div>
        <app-footer></app-footer>
    </div>
</div>
